/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                        SCHOOLWEBSITE.NU SKIN                         ===== 
   ================================================================================ */


/* ================================================================================ 
                                  GENERAL SETTINGS
   ================================================================================ */
:root{
	--gap: 40px;
		
	--rood: 		#E52A21;
	--oranje: 		#E18E6A;
	--geel:			#F6A027;
	--lichtgeel:	#F5D699;
	--lichtgroen: 	#86BD40;
	--groen:		#3FA535;
	--paars:		#951B81;
	--lichtpaars:	#C693C2;
	--donkerblauw:	#19488F;
	--blauw:		#3EA3DC;
	--staalblauw :	#ACC7D7;
	--lichtblauw:	#E5F3FB;
	--grijs:		#707070;
	--lichtgrijs:	#D8D8D8;
	--donker:		#1D1D1B;
}   

html {
    margin:0px; 
    padding:0px; 
    overflow-y:scroll;         /* Altijd een scrollbalk afdwingen i.v.m. verspringingen */
    overscroll-behavior-y: none;	
	color:var(--donker); 
	font-family: "Open Sans", sans-serif;
	font-weight:300;
}

body {
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	line-height:1.6;
}


/* HEADINGS */
H1, H2, H3, H4, H5 {font-family: "Open Sans", sans-serif; color:var(--paars); font-weight:bold; margin:0; padding-bottom:10px;}
H1 {font-size:52px; margin-bottom:20px; line-height:1.4;}
H2 {font-size:42px; margin-bottom:20px; line-height:1.4;}
H3 {font-size:34px; line-height:1.5;}
H4 {font-size:24px; font-weight:600; line-height:1.5;}
H5 {font-size:24px; font-weight:600; line-height:1.5; color:var(--blauw); }

.tekstrood{color:var(--rood) !important;}
.tekstoranje{color:var(--oranje) !important;}
.tekstgeel{color:var(--geel) !important;}
.tekstblauw{color:var(--blauw) !important;}
.tekstdonkerblauw{color:var(--donkerblauw) !important;}
.tekstpaars{color:var(--paars) !important;}
.tekstgroen{color:var(--groen) !important;}
.tekstlichtgroen{color:var(--lichtgroen) !important;}
    

/* LINKS */ 
a:link      {color:var(--paars); text-decoration:none; }
a:visited   {color:var(--paars);}
a:hover     {color:var(--paars); text-decoration:underline;}
a:active    {color:var(--paars);}

/* TABLES */
table {font-size:inherit;}               /* om de lettergrootte in de editor gelijk te zetten */
table tr {}
table tr th {}
table tr td { vertical-align:top;}

/* DNN SPECIFIC */
.Head, .SubHead, .SubSubHead, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .CommandButton { font-family: inherit; color:inherit; line-height:inherit; font-size:inherit; font-weight: inherit;}
.Head { font-size:15px;}          /* style for module titles */
.SubHead {font-size:14px;}        /* style of item titles on edit and admin pages */
.SubSubHead { font-size:13px;}    /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.NormalBold { font-weight:bold;}

.ModDNNHTMLC table[style*="width: 0px"]  {width:auto !important}

a.knop{postion:relative; display:inline-block; margin-right:15px; font-size:14px; height:45px; line-height:45px; padding:0 20px; border-radius:23px; transition:all 0.3s ease; min-width:200px; text-align:center; color:#fff; background-color:var(--paars); border:1px solid var(--paars);}
a.knop:hover{color:var(--paars); background-color:#fff; text-decoration:none; }
a.knop.wit{background-color:#fff; border-color:#fff; color:var(--paars);}
a.knop.wit:hover{background-color:var(--paars); color:var:#fff; border-color:var(--paars);}
a.knop.groen{background-color:var(--groen); border-color:var(--groen);}
a.knop.groen:hover{background-color:#fff; color:var(--groen);}
a.knop.lichtgroen{background-color:var(--lichtgroen); border-color:var(--lichtgroen);}
a.knop.lichtgroen:hover{background-color:#fff; color:var(--lichtgroen);}
a.knop.blauw{background-color:var(--blauw); border-color:var(--blauw);}
a.knop.blauw:hover{background-color:#fff; color:var(--blauw);}
a.knop.donkerblauw{background-color:var(--donkerblauw); border-color:var(--donkerblauw);}
a.knop.donkerblauw:hover{background-color:#fff; color:var(--donkerblauw);}
a.knop.geel{background-color:var(--geel); border-color:var(--geel);}
a.knop.geel:hover{background-color:#fff; color:var(--geel);}
a.knop.oranje{background-color:var(--oranje); border-color:var(--oranje);}
a.knop.oranje:hover{background-color:#fff; color:var(--oranje);}
a.knop.rood{background-color:var(--rood); border-color:var(--rood);}
a.knop.rood:hover{background-color:#fff; color:var(--rood);}
a.knop.paars{background-color:var(--paars); border-color:var(--paars);}
a.knop.paars:hover{background-color:#fff; color:var(--paars);}

.flickity-page-dots .dot{height:15px; width:15px; margin:0 4px; opacity:1; background-color:var(--lichtgrijs);}
.flickity-page-dots .dot.is-selected{ background-color:var(--paars);}



/* ================================================================================ 
                                     MAIN LAYOUT
   ================================================================================ */
.ControlPanel { }

#Wrapper { margin:0px auto; min-height:100%; background-color:#ffffff; text-align:left;}
.InnerWrapper { margin:0px auto; padding: 0 20px; max-width:1150px; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box;}
.FlexWrapper{ display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}

/* HEADER SECTION  */
#Header { position:relative; z-index:200;}
#Header .InnerWrapper{display:flex;}
#Header .Logo{width:325px; aspect-ratio:325 / 100; background-image:url("images/logo_groen.svg"); background-size:contain; background-position:left center; background-repeat:no-repeat; position:relative; }
#Wrapper.OverOns #Header .Logo{background-image:url("images/logo_oranje.svg");}
#Wrapper.Scholen #Header .Logo{background-image:url("images/logo_blauw.svg");}
#Wrapper.WerkenBij #Header .Logo{background-image:url("images/logo_paars.svg");}
#Wrapper.Contact #Header .Logo{background-image:url("images/logo_rood.svg");}

#Header .HeaderContent{width:calc(100% - 283px); padding:0 0 0 50px; box-sizing:border-box; position:relative;}

#Header .HeaderTop{display:flex; align-items: center; justify-content: right; margin-top:20px;}

#Header .HeaderPane{margin-right:15px;}
#Header .HeaderPane .DNNModuleContent p{margin:0;}
#Header .HeaderPane .DNNModuleContent a{display:inline-block; font-size:14px; color:#fff; background-color:var(--paars); border:1px solid var(--paars); height:36px; line-height:36px; padding:0 20px; border-radius:18px; margin-right:10px; transition:all 0.3s ease;}
#Header .HeaderPane .DNNModuleContent a:hover{text-decoration:none; background-color:#fff; color:var(--paars);}


/* SEARCH  */
.SearchWrapper { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; background-color:#e7eff3; border:1px solid #e7eff3; height:36px; line-height:36px; border-radius:18px;}
.SearchWrapper .SearchInput { width: calc(100% - 40px); margin: 0; padding: 0px 15px; height: 36px; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 36px; background-color: transparent;  border: none !important; outline: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
.SearchWrapper .SearchInput::-webkit-input-placeholder { color:#cccccc;}
.SearchWrapper .SearchInput:-moz-placeholder { color:#cccccc;}
.SearchWrapper .SearchInput::-moz-placeholder {color:#cccccc; }
.SearchWrapper .SearchInput:-ms-input-placeholder {color:#cccccc; }
.SearchWrapper .SearchInput::-ms-input-placeholder { color:#cccccc; }
.SearchWrapper .SearchSubmit { display: inline-block; padding: 0px; height: 36px; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 20px; color: var(--paars); background-color: transparent; border: none !important; outline: none !important; cursor: pointer; transition:all 0.3s ease;}
.SearchWrapper .SearchSubmit:before { display: inline-block; margin: 0 10px 0 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:18px; content: "\f002"; }
.SearchWrapper .SearchSubmit:hover { text-decoration: none; color:var(--paars); }

#Search { width: 180px; height:36px;} /*desktop */
#MobiSearch { display:none} /* mobile */

/* HEADER LINKS */ 
.HeaderLink { display: inline-block; }

/* LOGIN  */	
#Login{ margin-top:0px; margin-bottom:10px;}
#Login ul{list-style:none; margin:0;}
#Login ul li{display:inline-block;}

a.inloggen { display: inline-block; margin: 0; padding: 0 10px 0 0;  transition: all 0.3s ease; }
a.inloggen:before { display: inline-block; margin: 0 10px 0 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f13e";  }
a.inloggen:hover { text-decoration: underline; }

a.dashboard-link { display: inline-block; margin: 0; padding: 0 5px 0 0;  transition: all 0.3s ease;}
a.dashboard-link:before { display: inline-block; margin: 0 10px 0 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f085";  }
a.dashboard-link:hover { text-decoration: underline;  }


/* MENU SECTION */
#Menu { position:relative; width:auto; display:flex; justify-content:right; margin-top:30px; margin-bottom:30px;}

/* BREADCRUMB SECTION */
#Breadcrumb {}
#Breadcrumb .BreadcrumbContainer {}

/* PANES SECTION */
#Content { }
#Content .Container { margin-bottom:40px;}


.ContentRow {display:flex; column-gap:var(--gap); justify-content: space-between; flex-wrap: wrap;}

.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .fullpane { box-sizing:border-box; }

.fullpane	  { width:100%; }

.one-half     { width:calc((100% - var(--gap)) / 2); }
.one-third    { width:calc((100% - ( var(--gap) * 2)) / 3);} 
.two-third    { width:calc((((100% - ( var(--gap) * 2)) / 3) * 2 ) + var(--gap)); }
.one-fourth   { width:calc((100% - ( var(--gap) * 3)) / 4); } 
.three-fourth { width:calc((((100% - ( var(--gap) * 3)) / 4) * 3 ) + (var(--gap) * 2)); }


/* Bannerpanes */
.BannerPaneWrapper{position:relative; min-height:800px; margin-bottom:50px;}
.BannerPaneWrapper .BannerPane{}
.BannerPaneWrapper .BannerContentPanes{margin-top:-800px;}
#Wrapper.Page46636 .BannerPaneWrapper .BannerContentPanes{display:none;}
.BannerPaneWrapper .BannerContentPanes .InnerWrapper{display:flex; column-gap:var(--gap);}
.BannerPaneWrapper .BannerContentPanes .BannerContentColums{padding:80px 100px 0px 100px;}
.BannerPaneWrapper .BannerContentPanes .BannerContentBelow{}
.BannerPaneWrapper .BannerContentPanes .BannerContentBelow .BannerPaneFull {padding:450px 0px 0px 0px;}
.BannerPaneWrapper .BannerContentPanes .BannerContentBelow .BannerPaneFull.DNNEmptyPane  {padding:0px;}
.BannerPaneWrapper .BannerPaneLeft{color:#fff;}
.BannerPaneWrapper .BannerPaneLeft h1,
.BannerPaneWrapper .BannerPaneLeft h2,
.BannerPaneWrapper .BannerPaneLeft h3,
.BannerPaneWrapper .BannerPaneLeft h4,
.BannerPaneWrapper .BannerPaneLeft h5{color:#fff;}
.BannerPaneWrapper .BannerPaneLeft a:link,
.BannerPaneWrapper .BannerPaneLeft a:active,
.BannerPaneWrapper .BannerPaneLeft a:visited,
.BannerPaneWrapper .BannerPaneLeft a:hover{color:#fff; text-decoration:underline;}
.BannerPaneWrapper .BannerPaneRight{}

body.dnnEditState .BannerPaneWrapper {min-height:auto;}


/* FOOTER SECTION */
#Footer { font-size:14px; color:var(--donker); padding:50px 0px 30px 0px;}
#Footer .FooterContent{display:flex; column-gap:var(--gap);}
#Footer .FooterContent .one-fourth,
#Footer .FooterContent .one-half{min-height:1px}
#Footer a:link,
#Footer a:visited,
#Footer a:active{color:var(--rood);}
#Footer a:hover{color:var(--geel); text-decoration:none;}
#Footer h1,
#Footer h2,
#Footer h3,
#Footer h4,
#Footer h5{color:var(--donker);}
#Footer .FooterCol1{display:flex;}
#Footer .FooterIllustration{width:100%; max-width:320px; aspect-ratio: 320 / 394;  background-image:url('images/footer_vorm.svg'); background-size:cover; background-repeat:no-repeat; }
#Footer .FooterSocials{display: flex; align-items: center; justify-content: center; margin-left:-20px}
#Footer .social-media-links .social-media-link + .social-media-link {margin-left:0; margin-top:5px;}


.InstaHeader{text-align:center; margin-bottom:20px;}
.InstaHeader .InstaTitle{color:var(--rood); margin-bottom:0;}
.InstaHeader .InstaLink{font-size:32px; font-style:italic; display:inline-block; vertical-align:center; transition:all 0.3 ease;}
.InstaHeader .InstaLink:hover{text-decoration:none; color:var(--oranje);}
.InstaHeader .InstaLink:after{content: "\f16d"; font-family: "Font Awesome 5 Brands"; color:#fff; background-color:var(--paars); font-size:34px; margin-left:20px; border-radius:10px; height:40px; width:40px; line-height:40px; text-align:center; font-style:normal; display:inline-block; vertical-align:middle; }
.InstaHeader .InstaLink:hover:after{background-color:var(--oranje);}


/* == SOCIAL MEDIA LINKS == */
.social-media-links { margin: 10px 0;}
.social-media-links .social-media-link { display: inline-block; width: 36px; height: 36px; margin: 0; border-radius: 50%; color: #fff !important; background-color: var(--rood); overflow: hidden; text-indent: -999px; position: relative;}  
.social-media-links .social-media-link:hover { text-decoration: none; background-color: var(--geel);}
.social-media-links .social-media-link + .social-media-link  { margin-left: 5px;}  

.social-media-links .social-media-link:before { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-family: "Font Awesome 5 Brands"; font-size: 20px; line-height: 36px; font-weight: 400; text-indent: 0; text-align: center; }
.social-media-links .social-media-link.facebook:before { content: "\f39e"; }
.social-media-links .social-media-link.instagram:before { content: "\f16d"; }
.social-media-links .social-media-link.linkedin:before { content: "\f0e1"; }
.social-media-links .social-media-link.twitter:before { content: "\e61b"; }
.social-media-links .social-media-link.youtube:before { content: "\f167"; }


/*Vacature badge*/
#VacatureBtn span{position:relative;}
#VacatureBtn span[data-number]:after {
	position:absolute;
	display:block;
    top: -5px;
	right:-35px;
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	font-weight:bold;
	border-radius:50%;
	background-color:var(--blauw);
    text-align: center;
    color: #fff;
    content: attr(data-number);
    -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;
}


@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
  }
}


/* ================================================================================ 
                                     MENU'S
   ================================================================================ */
   
#Menu { position:relative; z-index:960; isolation:isolate; padding:0;  }
.DesktopMenu .RadMenu_MainMenu .rmHorizontal{white-space: nowrap; position:relative; display: flex;}
.DesktopMenu .RadMenu_MainMenu ul,
.DesktopMenu .RadMenu_MainMenu li { margin:0px; padding:0px; list-style:none;}   

/* !!!!!!!!!!   Fake RadMenu */

/* --ROOT-- */
.DesktopMenu .rmHorizontal .rmSlide {display:block !important; box-sizing:border-box;  z-index:111; top:100%; left:0; overflow:hidden;  height:0; position: absolute; }
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmLast > .rmSlide {left:auto; right:0}
.DesktopMenu .rmHorizontal .rmGroup {opacity:0; transition:opacity 0.3s ease, transform 0.3s ease; transform:translate(0,-10px);   } 
.DesktopMenu .rmHorizontal .rmItem {margin: 0px;  padding: 0px; position: relative; clear: none; }
.DesktopMenu .rmHorizontal .rmItem .rmLink {  cursor: pointer;   text-decoration: none; display:block;  margin: 0px;  padding: 0px;  }  
.DesktopMenu .rmHorizontal .rmItem .rmLink .rmText{width:100%; box-sizing: border-box;  padding:0px 14px;   line-height: 30px;  font-size: 20px; font-weight:400;  display: block;  white-space: normal;  color:var(--groen);}
/*first,last,only*/
.DesktopMenu .rmHorizontal .rmItem.rmFirst{}
.DesktopMenu .rmHorizontal .rmItem.rmLast {}
.DesktopMenu .rmHorizontal .rmItem.rmOnly {}
/*expanded,hover,selected,breadcrumb*/
.DesktopMenu .rmHorizontal.rmRootGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  {}
.DesktopMenu .rmHorizontal.rmRootGroup .rmItem:hover > .rmLink .rmText {color:var(--groen); }
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmSelected > .rmLink > .rmText {color:var(--groen); font-weight:700; }
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmBreadcrumb > .rmLink > .rmText {color:var(--groen); font-weight:700;  }

/*--SUB--*/
.DesktopMenu .rmHorizontal .rmLevel0 .rmGroup  {transform:translate(-20px, 0px);}
.DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide { overflow:visible; height:auto; transform:translate(0px, 0px); padding:0px; border-radius:15px;}
.DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide > .rmGroup {opacity:1; transform:translate(0px, 0px);}  
.DesktopMenu .rmHorizontal .rmSlide .rmItem:hover .rmSlide  {left:100%; top:0;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem {width:100%; margin:0;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink {margin:0; padding:0; width:100%; display:block;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink .rmText{ min-width:175px; background-color:var(--groen); color:#fff; line-height:36px; font-weight:400;  font-size:16px; padding:0 30px; white-space:nowrap;}
/*first,last,only*/
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst > .rmLink > .rmText{border-radius:10px 10px 0px 0px; padding-top:10px;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmLast > .rmLink > .rmText{border-radius:0px 0px 10px 10px; padding-bottom:10px;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmOnly > .rmLink > .rmText{border-radius:10px; padding-top:10px; padding-bottom:10px;}
/*expanded,hover,selected,breadcrumb*/
.DesktopMenu .rmHorizontal .rmGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem:hover > .rmLink .rmText {color:#fff; }
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmSelected > .rmLink > .rmText {color:#fff; font-weight:500; }
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmBreadcrumb  > .rmLink > .rmText {color:#ff; font-weight:500; }



/* ================================================================================ 
                                 MOBILE MENU
   ================================================================================ */   

.MobileMenuTrigger   { display:none; width: 40px; height: 40px; margin: 5px 0; padding: 0; float: right; cursor:pointer; color:var(--paars); font-size:35px; line-height:32px; text-align: center; }
.MobileMenuTrigger:before   { content: "\f0c9"; display: block; font-family: 'Font Awesome 5 Free'; font-weight: 900;  }
.MobileMenuTrigger.active { color: var(--paars); }  
@media (hover: hover) {
   .MobileMenuTrigger:hover { color: var(--paars); } 
 } 

.MobileMenuTrigger.active:before   { content: "\f00d"; }

#MobileMenu.active { display:block}
#MobileMenu { display: none; margin: 0; padding: 20px 0; width: 100%; clear:both; font-size: 16px; font-weight: 500;}
#MobileMenu * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;}


#MobiNav { margin:0; text-align:left; display:block; padding:0; background-color:var(--paars); border-radius:10px; padding:20px;}
#MobiNav ul {list-style:none; margin:0; padding:0 0 0 20px;}
#MobiNav li {list-style:none; margin:0; padding:0 0 0 10px;}
#MobiNav .item { min-height:40px; line-height:40px; border-bottom:2px dotted rgba(255,255,255,0.3); position:relative; }
#MobiNav .item a {color:#fff !important; display:block; width:calc(100% - 80px);}
#MobiNav .item a:hover, #MobiNav .item.selected > a { text-decoration:none; color:rgba(255,255,255,0.8) !important; font-weight:700;}
#MobiNav .item.haschild:after { display:block; height:30px; width:30px; position:absolute; top:5px; right:10px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:16px; line-height:30px; content: "\f067";  color:var(--paars) !important; background-color:#fff; text-align:center; cursor:pointer; transition:all .12s ease-in-out; border-radius:10px;}
#MobiNav .item.haschild.active:after { content: "\f068"; background-color:#fff; } 
#MobiNav .item .subLevel { display:none; } 
#MobiNav .item.haschild.active > .subLevel {display:block;}
#MobiNav .subLevel .item.first {border-top:2px dotted rgba(255,255,255,0.3);}
#MobiNav .item.last {border-bottom:0;}


/* ================================================================================ 
                                 SCROLL 2 TOP
   ================================================================================ */
#back-to-top { display: block; color: #fff; background-color:var(--paars); position:fixed; bottom:-200px; right:10px; width:45px; height:45px; border-radius:50%; text-shadow:none;  z-index:980;  line-height:45px; text-align:center; text-decoration:none; opacity: 0.4; transition:all 0.5s ease; }
#back-to-top.active  { bottom:10px; }
#back-to-top:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:16px; content: "\f077";  }
@media (hover: hover) {
   #back-to-top.active:hover { opacity: 1; text-decoration:none;  }
 } 
 

/* ================================================================================ 
                               2SXC
   ================================================================================ */
   
/* Banner */   
.BannerWrapper{position:relative; display:flex; justify-content:center;}  
.BannerWrapper .BannerContent{position:relative; display:block; width:100%; width:1550px; height:800px;  aspect-ratio:1543 / 806; 
-webkit-mask-image: url("images/banner_halfrond.svg"); mask-image: url("images/banner_halfrond.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} 
.BannerWrapper .BannerImg{position:absolute; top:0; left:0; width:100%; height:100%;  background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:1;}   
.BannerWrapper .BannerOverlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; opacity:0; pointer-events: none; z-index:2;}
.BannerWrapper .BannerControls{}  

.BannerWrapper.transparent .BannerOverlay{opacity:0.6;}
.BannerWrapper.solid .BannerOverlay,
.BannerWrapper.no-image .BannerOverlay{opacity:1;}

.BannerWrapper .BannerOverlay.geen{background-color:transparent;}
.BannerWrapper .BannerOverlay.paars{background-color:var(--paars);}
.BannerWrapper .BannerOverlay.blauw{background-color:var(--blauw);}
.BannerWrapper .BannerOverlay.donkerblauw{background-color:var(--donkerblauw);}
.BannerWrapper .BannerOverlay.groen{background-color:var(--groen);}
.BannerWrapper .BannerOverlay.lichtgroen{background-color:var(--lichtgroen);}
.BannerWrapper .BannerOverlay.geel{background-color:var(--geel);}
.BannerWrapper .BannerOverlay.oranje{background-color:var(--oranje);}
.BannerWrapper .BannerOverlay.rood{background-color:var(--rood);}



/* Knopppen */
.KnoppenWrapper{}
.KnoppenWrapper .KnopItem{margin-bottom:10px;}



/* Team */
.TeamWrapper{display:flex; column-gap:var(--gap); flex-wrap: wrap;}
.TeamWrapper .TeamItem{ margin-bottom:40px; position:relative; padding-bottom:55px;}
.TeamWrapper .TeamItem .TeamImgWrapper{position:relative; display:block; aspect-ratio:375 / 363; width:100%; margin-bottom:20px;}
.TeamWrapper .TeamItem .TeamImgWrapper .TeamImgBg{aspect-ratio:375 / 363; width:100%; background-color:var(--grijs);
-webkit-mask-image: url("images/blok_cirkel_lijnen.svg"); mask-image: url("images/blok_cirkel_lijnen.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
.TeamWrapper .TeamItem .TeamImgWrapper .TeamImg{ display:block; background-size:cover; background-repeat:no-repeat; background-position:center center; aspect-ratio: 1/1; position:absolute; width: 68%; left: 50%; top: 14%; transform: translateX(-50%); background-color:var(--grijs);
-webkit-mask-image: url("images/blok_cirkel.svg"); mask-image: url("images/blok_cirkel.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
.TeamWrapper .TeamItem .TeamContent{text-align:center; position:relative; display:block;}
.TeamWrapper .TeamItem .TeamContent .TeamNaam{font-size:24px; font-weight:600; color:var(--geel); line-height:1.5; margin-bottom:10px;}
.TeamWrapper .TeamItem .TeamContent .TeamFunctie{}
.TeamWrapper .TeamItem .TeamBtn{position:absolute; width:100%; max-height: 40px; text-align:center; left:0; bottom:0;}
.TeamWrapper .TeamItem .TeamBtn a{position:relative; display:inline-block; height:40px; width:40px; line-height:40px; border-radius:50%; text-align:center; color:#fff; background-color:var(--grijs); border:1px solid var(--grijs); transition:all 0.3s ease; }
.TeamWrapper .TeamItem .TeamBtn a:hover{background-color:#fff; color:var(--grijs);}
.TeamWrapper .TeamItem .TeamBtn a::after{position:absolute; top:0; left:0; width:40px; height:40px; color:inherit; content: "\f0c9"; display: block; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:20px; }
.TeamWrapper .TeamItem .TeamBtn a.TeamTelefoon{color:#fff; background-color:var(--lichtgroen); border-color:var(--lichtgroen);}
.TeamWrapper .TeamItem .TeamBtn a.TeamTelefoon:hover{background-color:#fff; color:var(--lichtgroen);}
.TeamWrapper .TeamItem .TeamBtn a.TeamTelefoon::after{content: "\f095";}
.TeamWrapper .TeamItem .TeamBtn a.TeamEmail{color:#fff; background-color:var(--paars); border-color:var(--paars);}
.TeamWrapper .TeamItem .TeamBtn a.TeamEmail:hover{background-color:#fff; color:var(--paars);}
.TeamWrapper .TeamItem .TeamBtn a.TeamEmail::after{content: "\f0e0";}



/* Blok */
.BlokWrapper{ position:relative; display:flex; column-gap:var(--gap); flex-wrap: nowrap; align-items: stretch; margin:60px 0px;}
.BlokWrapper::before{content:""; width:calc(77% + 175px); height:100%; position:absolute; top:0; left:-175px; background-color:var(--grijs);
-webkit-mask-image: url("images/blok_rechthoek.svg"); mask-image: url("images/blok_rechthoek.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
.BlokWrapper .BlokContent{padding:70px 100px; position:relative; color:#fff; height:100%;}
.BlokWrapper .BlokContent  h1,
.BlokWrapper .BlokContent  h2,
.BlokWrapper .BlokContent  h3,
.BlokWrapper .BlokContent  h4,
.BlokWrapper .BlokContent  h5{color:#fff;}
.BlokWrapper .BlokContent .BlokTitel{display:block; font-size:42px;}
.BlokWrapper .BlokContent .BlokTekst{}
.BlokWrapper .BlokContent  .BlokTekst a:link,
.BlokWrapper .BlokContent  .BlokTekst a:active,
.BlokWrapper .BlokContent  .BlokTeksta:visited,
.BlokWrapper .BlokContent  .BlokTekst a:hover{color:#fff; text-decoration:underline;}
.BlokWrapper .BlokContent .BlokBtn{margin-top:20px; text-decoration:none;}
.BlokWrapper .BlokImgWrapper{display:flex;  align-items: center; justify-content: center;}
.BlokWrapper .BlokImgWrapper .BlokImg{width:100%; aspect-ratio: 1 / 1;  background-size:cover; background-repeat:no-repeat; background-position:center center;
-webkit-mask-image: url("images/blok_vierkant.svg"); mask-image: url("images/blok_vierkant.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
.BlokWrapper .BlokStripes{position:absolute; right:0; top:0; display:block; width:20%; aspect-ratio:262 / 289; background-image:url("images/blok_streepjes.svg"); background-repeat:no-repeat; background-size:contain; background-position:center center;}


.BlokWrapper.tekstrechts{flex-direction: row-reverse;}
.BlokWrapper.tekstrechts::before{left:auto; right:-175px;}
.BlokWrapper.tekstrechts .BlokStripes{right:auto; left:0;}

.BlokWrapper.strepenonder .BlokStripes{top:auto; bottom:0;}

.BlokWrapper.geenstrepen .BlokStripes{display:none;}


.BlokWrapper.geel::before{background-color:var(--geel);}
.BlokWrapper.geel .BlokContent .BlokBtn{background-color:var(--rood); border-color:var(--rood);}
.BlokWrapper.geel .BlokContent .BlokBtn:hover{background-color:#fff; color:var(--rood);}

.BlokWrapper.oranje::before{background-color:var(--oranje);}
.BlokWrapper.oranje .BlokContent .BlokBtn{background-color:var(--donkerblauw); border-color:var(--donkerblauw);}
.BlokWrapper.oranje .BlokContent .BlokBtn:hover{background-color:#fff; color:var(--donkerblauw);}

.BlokWrapper.blauw::before{background-color:var(--blauw);}
.BlokWrapper.blauw .BlokContent .BlokBtn{background-color:var(--donkerblauw); border-color:var(--donkerblauw);}
.BlokWrapper.blauw .BlokContent .BlokBtn:hover{background-color:#fff; color:var(--donkerblauw);}

.BlokWrapper.staalblauw::before{background-color:var(--staalblauw);}
.BlokWrapper.staalblauw .BlokContent,
.BlokWrapper.staalblauw .BlokContent  h1,
.BlokWrapper.staalblauw .BlokContent  h2,
.BlokWrapper.staalblauw .BlokContent  h3,
.BlokWrapper.staalblauw .BlokContent  h4,
.BlokWrapper.staalblauw .BlokContent  h5,
.BlokWrapper.staalblauw .BlokContent  .BlokTekst a:link,
.BlokWrapper.staalblauw .BlokContent  .BlokTekst a:active,
.BlokWrapper.staalblauw .BlokContent  .BlokTeksta:visited,
.BlokWrapper.staalblauw .BlokContent  .BlokTekst a:hover{color:var(--donkerblauw);}
.BlokWrapper.staalblauw .BlokContent .BlokBtn{background-color:var(--donkerblauw); border-color:var(--donkerblauw);}
.BlokWrapper.staalblauw .BlokContent .BlokBtn:hover{background-color:#fff; color:var(--donkerblauw);}

.BlokWrapper.groen::before{background-color:var(--groen);}
.BlokWrapper.groen .BlokContent .BlokBtn{background-color:var(--donkerblauw); border-color:var(--donkerblauw);}
.BlokWrapper.groen .BlokContent .BlokBtn:hover{background-color:#fff; color:var(--donkerblauw);}

.BlokWrapper.lichtgroen::before{background-color:var(--lichtgroen);}
.BlokWrapper.lichtgroen .BlokContent .BlokBtn{background-color:var(--paars); border-color:var(--paars);}
.BlokWrapper.lichtgroen .BlokContent .BlokBtn:hover{background-color:#fff; color:var(--paars);}

.BlokWrapper.paars::before{background-color:var(--paars);}
.BlokWrapper.paars .BlokContent .BlokBtn{background-color:var(--donkerblauw); border-color:var(--donkerblauw);}
.BlokWrapper.paars .BlokContent .BlokBtn:hover{background-color:#fff; color:var(--donkerblauw);}

.BlokWrapper.lichtpaars::before{background-color:var(--lichtpaars);}
.BlokWrapper.lichtpaars .BlokContent,
.BlokWrapper.lichtpaars .BlokContent  h1,
.BlokWrapper.lichtpaars .BlokContent  h2,
.BlokWrapper.lichtpaars .BlokContent  h3,
.BlokWrapper.lichtpaars .BlokContent  h4,
.BlokWrapper.lichtpaars .BlokContent  h5,
.BlokWrapper.lichtpaars .BlokContent  .BlokTekst a:link,
.BlokWrapper.lichtpaars .BlokContent  .BlokTekst a:active,
.BlokWrapper.lichtpaars .BlokContent  .BlokTeksta:visited,
.BlokWrapper.lichtpaars .BlokContent  .BlokTekst a:hover{color:var(--donkerblauw);}
.BlokWrapper.lichtpaars .BlokContent .BlokBtn{background-color:var(--donkerblauw); border-color:var(--donkerblauw);}
.BlokWrapper.lichtpaars .BlokContent .BlokBtn:hover{background-color:#fff; color:var(--donkerblauw);}




/* Citaten */
.QuoteMainWrapper{ margin-bottom:80px; padding:60px 100px;}

.QuoteItem{width:100%; display:flex; align-items: center; justify-content: space-between; }
.QuoteItem .QuoteImgWrapper{aspect-ratio: 1/1; position:relative; display:flex;  align-items: center; justify-content: center;}
.QuoteItem .QuoteImgWrapper .QuoteImgBg{width:50%; height:100%; position:absolute; left:0; top:0; background-color:var(--lichtpaars);
-webkit-mask-image: url("images/blok_halvecirkel.svg"); mask-image: url("images/blok_halvecirkel.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.QuoteItem .QuoteImgWrapper .QuoteImg{position:relative; width:60%; aspect-ratio: 1 / 1;  background-size:cover; background-repeat:no-repeat; background-position:center center; background-color:var(--grijs);
-webkit-mask-image: url("images/blok_cirkel.svg"); mask-image: url("images/blok_cirkel.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.QuoteItem .QuoteContent{}
.QuoteItem .QuoteContent .QuoteQuote{font-size:24px; color:var(--donkerblauw);}
.QuoteItem .QuoteContent .QuotePersoon{font-size:16px; padding-top:15px; color:var(--donkerblauw)}
.QuoteItem .QuoteContent .QuoteNaam{font-weight:500;}
.QuoteItem .QuoteContent .QuoteFunctie{}



/* Scholen */
.ScholenWrapper{display:flex; column-gap:var(--gap); flex-wrap: wrap;}
.ScholenWrapper .ScholenItem{position:relative; margin-bottom:60px;}
.ScholenWrapper .ScholenItem .ScholenImgWrapper{aspect-ratio: 1/1; position:relative; display:flex;  align-items: center; justify-content: center;}
.ScholenWrapper .ScholenItem .ScholenImgWrapper .ScholenImgBg{position:absolute; width:100%; aspect-ratio: 371 / 374; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color:var(--lichtgrijs); transition:all 0.3s ease;
-webkit-mask-image: url("images/blok_stippels.svg"); mask-image: url("images/blok_stippels.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat}
.ScholenWrapper .ScholenItem .ScholenImgWrapper .ScholenImg{position:relative; width:75%; aspect-ratio: 1 / 1;  background-size:cover; background-repeat:no-repeat; background-position:center center; background-color:var(--grijs);
-webkit-mask-image: url("images/blok_cirkel.svg"); mask-image: url("images/blok_cirkel.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat}
.ScholenWrapper .ScholenItem .ScholenContent{ text-align:center; position:relative; padding-bottom:60px; padding-top:20px;}
.ScholenWrapper .ScholenItem .ScholenContent .ScholenNaam{font-size:24px; color:var(--paars); font-weight:400; padding-bottom:0px;}
.ScholenWrapper .ScholenItem .ScholenContent .ScholenPlaats{font-size:18px; color:var(--blauw); font-weight:400; margin-bottom:10px; font-style:italic;}
.ScholenWrapper .ScholenItem .ScholenContent .ScholenDescr{color:var(--donker);}
.ScholenWrapper .ScholenItem .ScholenBtnWrapper{position:absolute; width:100%; text-align:center; left:0; bottom:0;}
.ScholenWrapper .ScholenItem .ScholenBtnWrapper .ScholenBtn{}

.ScholenItem:has(.ScholenBtn:hover) .ScholenImgBg { background-color: var(--paars);}

/* Scholen Main only */
.ScholenMainWrapper{text-align:center; color:var(--paars);}
.ScholenMainWrapper h1{}

/* Scholen Slider */
.ScholenSliderMainWrapper{}
.ScholenSliderMainWrapper h1{text-align:center; color:#fff;}
.ScholenSlider{margin-bottom:80px; display:block;}
.ScholenSlider .ScholenItem{margin-left:20px; margin-right:20px;}
.ScholenSlider .ScholenItem .ScholenContent .ScholenNaam{}
.ScholenSlider .ScholenItem .ScholenContent .ScholenDescr{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4;}


/* Scholen lijst */
.ScholenLijst { column-count: 2; column-gap: var(--gap); list-style-type: none; padding: 0; margin: 0;}
.ScholenLijst .ScholenItem { break-inside: avoid; }
.ScholenLijst .ScholenItem a::before {font-family: "Font Awesome 6 Free"; content: "\f054"; font-weight:900; font-size:10px; vertical-align:middle; padding-right:7px; color:var(--donker);}


/* Scholen alert */
.ScholenEditAlert { background-color: #fff3cd; color: #856404; padding: 16px 20px; border-left: 6px solid #ffc107; border-radius: 4px; margin: 20px 0; font-size: 15px; font-weight: 500; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); position: relative; }
.ScholenEditAlert::before { content: "\f071"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #856404; margin-right: 10px; font-size: 18px; vertical-align: middle; }
.ScholenEditAlert a:link,
.ScholenEditAlert a:active,
.ScholenEditAlert a:visited,
.ScholenEditAlert a:hover{color: #856404 !important; text-decoration:underline !important;}


/* Scholen */
.TekstWrapper{}

.TekstWrapper.fullwidth{padding-left:0; padding-right:0;}
.TekstWrapper.smallwidth{padding-left:100px; padding-right:100px;}

.TekstWrapper.titellinks .TekstTitel{text-align:left;}
.TekstWrapper.titelcenter .TekstTitel{text-align:center;}
.TekstWrapper.titelrechts .TekstTitel{text-align:right;}

.TekstWrapper.nocolumn .TekstContent{}
.TekstWrapper.twocolumn .TekstContent{column-count:2;  column-gap:var(--gap);}

.TekstWrapper.geel h1,
.TekstWrapper.geel h2,
.TekstWrapper.geel h3,
.TekstWrapper.geel h4,
.TekstWrapper.geel h5{color:var(--geel)}
.TekstWrapper.oranje h1,
.TekstWrapper.oranje h2,
.TekstWrapper.oranje h3,
.TekstWrapper.oranje h4,
.TekstWrapper.oranje h5{color:var(--oranje)}
.TekstWrapper.rood h1,
.TekstWrapper.rood h2,
.TekstWrapper.rood h3,
.TekstWrapper.rood h4,
.TekstWrapper.rood h5{color:var(--rood)}
.TekstWrapper.paars h1,
.TekstWrapper.paars h2,
.TekstWrapper.paars h3,
.TekstWrapper.paars h4,
.TekstWrapper.paars h5{color:var(--paars)}
.TekstWrapper.blauw h1,
.TekstWrapper.blauw h2,
.TekstWrapper.blauw h3,
.TekstWrapper.blauw h4,
.TekstWrapper.blauw h5{color:var(--blauw)}
.TekstWrapper.donkerblauw h1,
.TekstWrapper.donkerblauw h2,
.TekstWrapper.donkerblauw h3,
.TekstWrapper.donkerblauw h4,
.TekstWrapper.donkerblauw h5{color:var(--donkerblauw)}
.TekstWrapper.groen h1,
.TekstWrapper.groen h2,
.TekstWrapper.groen h3,
.TekstWrapper.groen h4,
.TekstWrapper.groen h5{color:var(--groen)}
.TekstWrapper.lichtgroen h1,
.TekstWrapper.lichtgroen h2,
.TekstWrapper.lichtgroen h3,
.TekstWrapper.lichtgroen h4,
.TekstWrapper.lichtgroen h5{color:var(--lichtgroen)}
.TekstWrapper.wit h1,
.TekstWrapper.wit h2,
.TekstWrapper.wit h3,
.TekstWrapper.wit h4,
.TekstWrapper.wit h5{color:#fff}

.TekstWrapper.linkgeel a{color:var(--geel)}
.TekstWrapper.linkoranje a{color:var(--oranje)}
.TekstWrapper.linkrood a{color:var(--rood)}
.TekstWrapper.linkpaars a{color:var(--paars)}
.TekstWrapper.linkblauw a{color:var(--blauw)}
.TekstWrapper.linkdonkerblauw a{color:var(--donkerblauw)}
.TekstWrapper.linkgroen a{color:var(--groen)}
.TekstWrapper.linklichtgroen a{color:var(--lichtgroen)}



/* kaart */
.KaartMainWrapper{position:relative; display:flex; justify-content:center;}
.KaartMainWrapper .KaartWrapper{position:relative; width:1550px; height:800px; aspect-ratio:1543 / 806; background-image: url("images/kaart_zeeland.png"); background-color:var(--blauw); background-repeat:no-repeat; background-position:center center; background-size:cover; 
-webkit-mask-image: url("images/banner_halfrond.svg"); mask-image: url("images/banner_halfrond.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
.KaartMainWrapper .KaartWrapper .Marker{ position:absolute; cursor:pointer; height:17px; width:17px; transform-origin: center center; background-color:#fff; border-radius:50%;}
.Marker .Snippet {display: none; position: absolute; left: 25px;  top: -5px; background: #fff; color:var(--donkerblauw); padding: 2px 6px; border-radius: 4px; white-space: nowrap; font-size: 13px;}
.KaartMainWrapper .KaartWrapper .Marker.active{background-color:var(--donkerblauw); position:relative;}
.KaartMainWrapper .KaartWrapper .Marker.active .Snippet {display: block;}

#Wrapper.Page46636 #Content{margin-top:-300px;}



/* verhalen */
.VerhalenMainWrapper{}

.VerhalenSingleWrapper{}

.VerhalenItem{position:relative; display:flex; column-gap:var(--gap); flex-wrap: nowrap; align-items: stretch; margin:60px 0px;}
.VerhalenItem::before{content:""; width:calc(77% + 175px); height:100%; position:absolute; top:0; right:-175px; background-color:var(--lichtblauw);
-webkit-mask-image: url("images/blok_rechthoek.svg"); mask-image: url("images/blok_rechthoek.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
.VerhalenItem .VerhalenImgWrapper{aspect-ratio: 1/1; position:relative; display:flex;  align-items: center; justify-content: center;}
.VerhalenItem .VerhalenImgWrapper .VerhalenImgBg{position:absolute; width:100%; aspect-ratio: 371 / 374; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color:var(--donkerblauw); transition:all 0.3s ease;
-webkit-mask-image: url("images/blok_stippels.svg"); mask-image: url("images/blok_stippels.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat}
.VerhalenItem .VerhalenImgWrapper .VerhalenImg{position:relative; width:75%; aspect-ratio: 1 / 1;  background-size:cover; background-repeat:no-repeat; background-position:center center; background-color:#fff;
-webkit-mask-image: url("images/blok_cirkel.svg"); mask-image: url("images/blok_cirkel.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat}
.VerhalenItem .VerhalenContent{padding:70px 100px; position:relative; color:var(--donkerblauw); height:100%}
.VerhalenItem .VerhalenContent  h1,
.VerhalenItem .VerhalenContent  h2,
.VerhalenItem .VerhalenContent  h3,
.VerhalenItem .VerhalenContent  h4,
.VerhalenItem .VerhalenContent  h5{color:var(--donkerblauw);}
.VerhalenItem .VerhalenContent .VerhalenTitel{ margin-bottom:10px;}
.VerhalenItem .VerhalenContent .VerhalenDescr{ }
.VerhalenItem .VerhalenContent .VerhalenPersoon{font-weight:bold;}
.VerhalenItem .VerhalenContent .VerhalenPersoon .VerhalenNaam{}
.VerhalenItem .VerhalenContent .VerhalenPersoon .VerhalenFunctie{font-style:italic;}
.VerhalenItem .VerhalenContent .VerhalenPersoon .VerhalenFunctie:before{content:"- "}
.VerhalenItem .VerhalenContent .VerhalenBtn{margin-top:25px;}

.VerhalenMainWrapper .VerhalenItem:nth-of-type(2n){flex-direction: row-reverse;}
.VerhalenMainWrapper .VerhalenItem:nth-of-type(2n):before{right:auto; left:-175px;}

.VerhalenMainWrapper .VerhalenItem:nth-of-type(3n+1):before{background-color:var(--lichtblauw)}
.VerhalenMainWrapper .VerhalenItem:nth-of-type(3n+2):before{background-color:var(--lichtpaars)}
.VerhalenMainWrapper .VerhalenItem:nth-of-type(3n+3):before{background-color:var(--lichtgeel)}


/* .Documenten */
.DocsLijstWrapper{width:100%;}
.DocsLijstWrapper .DocsItem{width:100%; display:flex; justify-content: space-between; align-items: center; padding:10px 10px; box-sizing:border-box;}
.DocsLijstWrapper .DocsItem:nth-of-type(2n){background-color:var(--lichtblauw);}
.DocsLijstWrapper .DocsItem .DocTitel{}
.DocsLijstWrapper .DocsItem .DocsBtn{margin-right:0; margin:0; min-width:100px;}





/* ================================================================================ 
                                 FORMULIEREN 
   ================================================================================ */

/* ===== DEFAULT STYLING ===== */
input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; }

.dnnFormItem input[type="text"], .dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, 
.dnnFormItem input[type="password"], .dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active, 
.dnnFormItem input[type="email"], .dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, 
.dnnFormItem select, .dnnFormItem select:active, .dnnFormItem select:focus, 
.dnnFormItem textarea, .dnnFormItem textarea:active, .dnnFormItem textarea:focus, 
.dnnFormItem input[type="search"], .dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus{ border:1px solid #CCCCCC; background: none !important; background-color: #ffffff !important;-webkit-box-shadow:none !important;box-shadow:none !important; outline: none !important;  border-radius: 3px;}

/* Knoppen */
.dnnPrimaryAction, a.dnnPrimaryAction ,
.dnnSecondaryAction, a.dnnSecondaryAction,
.dnnFormItem button, 
.dnnFormItem input[type="submit"], 
.dnnFormItem input[type="button"], 
.dnnFormItem input[type="reset"]
 { 
	-webkit-appearance: none; box-shadow: none; text-shadow: none !important; line-height: inherit; display: inline-block; margin: 5px 10px 5px 0; padding: 0 20px; height:45px; line-height:45px; 
	font-size: 14px; font-weight: 300; background: none !important; background-color: #dddddd !important; border: none; border-radius: 23px; transition: all .3s ease; 
}

.dnnPrimaryAction:hover, a.dnnPrimaryAction:hover,
.dnnSecondaryAction:hover, a.dnnSecondaryAction:hover,
.dnnFormItem button:hover, 
.dnnFormItem input[type="submit"]:hover, 
.dnnFormItem input[type="button"]:hover, 
.dnnFormItem input[type="reset"]:hover { color: #000 !important; background: none !important; background-color:#cccccc !important; text-decoration: none; }


/* Primary afwijking */
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { color: #fff !important; background-color: var(--paars) !important; }
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover{ color: #fff !important; background-color: var(--donkerblauw) !important; }

/* nested button quirk fix */
.dnnPrimaryAction .dnnPrimaryAction, a.dnnPrimaryAction  a.dnnPrimaryAction, .dnnPrimaryAction .dnnPrimaryAction:hover, a.dnnPrimaryAction  a.dnnPrimaryAction:hover,
.dnnSecondaryAction .dnnSecondaryAction, a.dnnSecondaryAction a.dnnSecondaryAction, .dnnSecondaryAction .dnnSecondaryAction:hover, a.dnnSecondaryAction a.dnnSecondaryAction:hover { padding: 0 !important; margin: 0 !important; background:none !important;}


/* ===== POWER FORMS ===== */

.DnnModule-DNNGoPowerForms {  }

.DnnModule-DNNGoPowerForms .form_list{}
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"],
.DnnModule-DNNGoPowerForms .form_list .form_input textarea,
.DnnModule-DNNGoPowerForms .form_list .form_input select,
.Theme_Normal_Default input[type="text"] {
-webkit-appearance: none; -moz-appearance: none; outline: none !important; box-shadow: none !important; 
border:1px solid #CCCCCC; margin: 0; padding: 5px 10px; border-radius: 3px; font-family: inherit; }

.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-webkit-input-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea::-webkit-input-placeholder  { color: #EEEEEE; }
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-moz-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea::-moz-placeholder { color: #EEEEEE; }
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]:-ms-input-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea:-ms-input-placeholder { color: #EEEEEE; }
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]:-moz-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea:-moz-placeholder { color: #EEEEEE; }

.DnnModule-DNNGoPowerForms .form_submit .btn{ -webkit-appearance: none; box-shadow: none !important; text-shadow: none !important; line-height: inherit; display: inline-block !important; border:1px solid var(--paars) !important;
margin: 5px 10px 5px 0; padding: 0px 20px;  color: #ffffff; font-family: inherit; font-size: 14px; background: var(--paars) !important; border-radius: 23px; height:45px; line-height:45px; transition: all .3s ease; }
.DnnModule-DNNGoPowerForms .form_submit .btn:hover{ text-decoration: none;  background-color: #fff !important; color: var(--paars) !important;}
 

 
 
/* ================================================================================ 
                                 COOKIE CONSENT
   ================================================================================ */
#CookieConsent { position: fixed; bottom: 0; left: 0; z-index: 99999; width: 100%; padding: 10px; color: #444; background-color: #eee; box-sizing: border-box;}
.cookie-consent { text-align: center; }
.cookie-consent_message span, .cookie-consent_dismisslink, .cookie-consent_link { display: inline-block; padding: 5px 10px; }
a.cookie-consent_dismisslink { margin: 0 10px; color: #ffffff; background-color: #41a23e; border-radius: 4px;}
a.cookie-consent_dismisslink:hover { text-decoration: none; background-color: #2b7b29; }
a.cookie-consent_link { }
a.cookie-consent_link:hover { }
		

/* ================================================================================ 
                                 PUBLICATIE MODULE
   ================================================================================ */
/* ARTICLE LIST */
.pubArticleList {}
.pubArticleList .pubTitle {}
.pubArticleList .pubControls { padding:10px 0px;}
.pubArticleList .pubSort { }
.pubArticleList .pubPager { }

.pubArticleList .pubItem { margin: 0 0 20px 0; -webkit-align-items: flex-start; align-items: flex-start; } 
.pubArticleList .pubItem .pubThumbnail { height: 120px; background-size: cover; background-position: center center; }
.pubArticleList .pubItem .pubContent { padding:10px 0px; }
.pubArticleList .pubItem .pubContent .pubTitle { }
.pubArticleList .pubItem .pubContent .pubDate { color:#666666;}
.pubArticleList .pubItem .pubContent .pubSummary { }
.pubArticleList .pubItem .pubContent .pubMoreLink {}
.pubArticleList .pubItem .pubContent .pubMoreLink .Knop {}


.pubVacatureList {}
.pubVacatureList .pubTitle {}
.pubVacatureList .pubControls { padding:10px 0px;}
.pubVacatureList .pubSort { }
.pubVacatureList .pubPager { }

.pubVacatureList .pubItemWrapper{display:flex; flex-wrap:wrap; column-gap:var(--gap);} 
.pubVacatureList .pubItemWrapper .pubItem{width:calc((100% - var(--gap)) / 2); background-color:var(--lichtblauw); margin-bottom:30px;
-webkit-mask-image: url("images/blok_vierkant.svg"); mask-image: url("images/blok_vierkant.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} 
.pubVacatureList .pubItemWrapper .pubItem .pubThumbnail{width:100%; aspect-ratio:16/9; background-repeat:no-repeat; background-size:cover; background-position:center center;} 
.pubVacatureList .pubItemWrapper .pubItem .pubContent{ padding:30px 50px; text-align:center;} 
.pubVacatureList .pubItemWrapper .pubItem .pubTitle{font-weight:700;} 
.pubVacatureList .pubItemWrapper .pubItem .pubSummary{} 
.pubVacatureList .pubItemWrapper .pubItem .pubBtn {margin-top:20px;} 

.ContentRow:has(.pubVacatureList) .DnnModule-ActionForm {display:none;}


/* ARTICLE DETAILS */
.pubArticleDetails {}
.pubArticleDetails .pubTitle { }
.pubArticleDetails .pubDate { margin: 0 0 10px 0; color:#666666;}
.pubArticleDetails .pubContent { margin: 0 0 20px 0; }
.pubArticleDetails .pubReturnLink { }
.pubArticleDetails .pubReturnLink .Knop { }

.pubVacatureDetails {}
.pubVacatureDetails .pubTitle { }
.pubVacatureDetails .pubDate { margin: 0 0 10px 0; color:#666666;}
.pubVacatureDetails .pubContent { margin: 0 0 20px 0; }
.pubVacatureDetails .knop { margin-top:30px;}

.pubFileBox {margin-top:40px;}
.pubFileBox .FileBoxHead{color:#ffffff; background-color:var(--blauw);}
.pubFileBox .FileBoxBody{background-color:var(--lichtblauw);}
.pubFileBox .FileBoxUnsortedList .ImageList img, 
.pubFileBox .ThumbnailImg{ border-radius:0; }

/* ARTICLE VIEWER */
.pubArticleViewer {}
.pubArticleViewer .pubItem {}
.pubArticleViewer .pubItem .pubTitle { font-size:18px; font-weight:700;}
.pubArticleViewer .pubItem .pubDate { color:#666666;}
.pubArticleViewer .pubItem .pubSummary { }

.pubViewerHome {}
.pubViewerHome .pubItem {}
.pubViewerHome .pubItem .pubThumbnail { height: 160px; background-size: cover; background-position: center center; }
.pubViewerHome .pubItem .pubContent { padding:10px 0; }
.pubViewerHome .pubItem .pubContent  .pubTitle { }
.pubViewerHome .pubItem .pubContent  .pubDate { color:#666666;}
.pubViewerHome .pubItem .pubContent  .pubSummary { }


.pubVacatureViewer{display:flex; flex-wrap:wrap; column-gap:var(--gap); margin-bottom:20px;} 
.pubVacatureViewer .pubItem{width:calc((100% - var(--gap)) / 2); background-color:var(--lichtblauw); margin-bottom:30px;
-webkit-mask-image: url("images/blok_vierkant.svg"); mask-image: url("images/blok_vierkant.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} 
.pubVacatureViewer .pubItem .pubThumbnail{width:100%; aspect-ratio:16/9; background-repeat:no-repeat; background-size:cover; background-position:center center;} 
.pubVacatureViewer .pubItem .pubContent{ padding:30px 50px; text-align:center;} 
.pubVacatureViewer .pubItem .pubTitle{font-weight:700;} 
.pubVacatureViewer .pubItem .pubSummary{} 
.pubVacatureViewer .pubItem .pubBtn {margin-top:20px;} 

/* SIDEBAR */
.pmsb_wrap { }
.pmsb_wrap .pm_block {}
.pmsb_wrap .pm_block .pm_block_header {  }
.pmsb_wrap .pm_block ul { }
.pmsb_wrap .pm_block ul li {  }
.pmsb_wrap .pm_block ul li a,
.pmsb_wrap .pm_block ul li span {  }







/* ================================================================================ 
                                   MEDIA QUERIES
   ================================================================================ */
   
@media only screen and (max-width: 1500px) {
	.BannerWrapper{overflow:hidden}
}	
   
@media only screen and (max-width: 1024px) {
	#Header .Logo{width:250px;}
	#Header .HeaderContent{width:calc(100% - 208px);}
	
	.DesktopMenu .rmHorizontal .rmItem .rmLink .rmText{padding: 0 10px;}
	
	.BlokWrapper .BlokContent{padding:50px 70px}
	
	.QuoteMainWrapper{padding:0;}
	
	.TekstWrapper.smallwidth{padding-left:0; padding-right:0;}
}   
   
@media only screen and (max-width: 768px) {	
	.InnerWrapper { }
	.RadMenu, .RadPanelBar, #Search.SearchWrapper { display: none;}
	
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {float:none; margin-right:0; width:100%;}	
	.FlexWrapper{-webkit-flex-direction: column; flex-direction: column;}
	
	.MobileMenuTrigger {display:block;}
	
	.BannerPaneRight {display:none;}
	
	H1 {font-size:40px; margin-bottom:0px; line-height:1.5;}
	H2 {font-size:36px; margin-bottom:0px; line-height:1.5;}
	
	.BannerPaneWrapper .BannerContentPanes .BannerContentColums{padding:50px 30px 0px 30px;}
	
	.TeamWrapper .TeamItem .TeamImgWrapper{max-width:250px; margin-left:auto; margin-right:auto;}
	
	.ScholenWrapper .ScholenItem .ScholenImgWrapper{max-width:250px; margin-left:auto; margin-right:auto;}
	
	.BlokWrapper{ flex-direction:column !important}
	.BlokWrapper::before{display:none; }
	.BlokWrapper .BlokContent{padding: 50px 50px; background-color:var(--grijs);
	-webkit-mask-image: url("images/blok_rechthoek.svg"); mask-image: url("images/blok_rechthoek.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
	.BlokWrapper.geel .BlokContent{background-color:var(--geel);}
	.BlokWrapper.oranje .BlokContent{background-color:var(--oranje);}
	.BlokWrapper.blauw .BlokContent{background-color:var(--blauw);}
	.BlokWrapper.staalblauw .BlokContent{background-color:var(--staalblauw);}
	.BlokWrapper.groen .BlokContent{background-color:var(--groen);}
	.BlokWrapper.lichtgroen .BlokContent{background-color:var(--lichtgroen);}
	.BlokWrapper.paars .BlokContent{background-color:var(--paars);}
	.BlokWrapper.lichtpaars .BlokContent{background-color:var(--lichtpaars);}
	.BlokWrapper .BlokImgWrapper .BlokImg{margin-top:30px;}
	.BlokWrapper .BlokStripes{ display:none !important}

	.QuoteItem .QuoteImgWrapper{width:200px;}
	.QuoteItem .QuoteContent .QuoteQuote{font-size:20px;}
	
	.TekstWrapper.twocolumn .TekstContent{column-count:1}
	
	.pubVacatureViewer .pubItem{width:100%;}
	.pubVacatureList .pubItemWrapper .pubItem{width:100%;}
	
	.VerhalenItem,
	.VerhalenMainWrapper .VerhalenItem:nth-of-type(2n){flex-direction:column;}
	.VerhalenItem .VerhalenImgWrapper{max-width:250px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
	.VerhalenItem .VerhalenContent{padding:30px 30px; text-align:center;}
	.VerhalenMainWrapper .VerhalenItem:before,
	.VerhalenSingleWrapper .VerhalenItem:before{display:none;}
	.VerhalenMainWrapper .VerhalenItem .VerhalenContent,
	.VerhalenSingleWrapper .VerhalenItem .VerhalenContent{background-color:var(--lichtblauw);
	-webkit-mask-image: url("images/blok_rechthoek.svg"); mask-image: url("images/blok_rechthoek.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat}
	.VerhalenMainWrapper .VerhalenItem:nth-of-type(3n+1) .VerhalenContent{background-color:var(--lichtblauw)}
	.VerhalenMainWrapper .VerhalenItem:nth-of-type(3n+2) .VerhalenContent{background-color:var(--lichtpaars)}
	.VerhalenMainWrapper .VerhalenItem:nth-of-type(3n+3) .VerhalenContent{background-color:var(--lichtgeel)}
	
	#Footer .FooterContent{flex-direction:column;}
	#Footer .FooterContent .FooterIllustration{display:none;}
	#Footer .FooterContent > .one-fourth{text-align:center;}
	#Footer .FooterContent .FooterCol3 h5{text-align:center;}
	#Footer .FooterContent > div{margin-bottom:30px;}
	#Footer .FooterSocials{margin-left:auto; margin-right:auto;}
	
	.flickity-page-dots .dot{height:10px; width:10px;}

}   

@media only screen and (max-width: 479px) {	




}